<template>
  <form class="cmp cmp-receive row">
    <fieldset>
      <legend>视频预览</legend>
      <div class="fieldset-content">
        <video ref="video" :src="videoUrl" autoplay="autoplay" controls></video>
      </div>
    </fieldset>
  </form>
</template>

<script>
export default {
  name: 'receive',
  data () {
    return {
      videoUrl: '',
      loadingCount: 0,
    }
  },
  mounted () {},
  beforeDestroy () {},
  methods: {
    // 解析
    receive () {
    },
  }
}
</script>

<style scoped lang="less">
@import "~@/assets/css/_mixins.less";
@import "~@/assets/css/_color.less";
.cmp-receive {
  height: 100%;
  fieldset {
    height: 100%;
    .fieldset-content {
      height: calc(100% - 2em);
      display: flex;
      flex-direction: column;
      video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background-color: #333;
      }
    }
  }
}
</style>
